<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JQuery学习</title>
</head>
<body>
    <button id="test">点击</button>
    <!-- 使用外部链接引入JQuery   -->
    <!-- <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script> -->
    <!-- 使用内部链接引入JQuery -->
    <script src="JS/jquery-3.7.1.min.js"></script>
    <script>
        // 基础语法
        // $(选择器).方法();
        // $(选择器).方法(参数);
        //参数可以是字符串、数字、布尔值、对象、函数、数组、正则表达式、元素、选择器、JQuery对象
        //写法1
        // $("#test").click(function(){
        //     alert("点击了按钮");
        // });
        //写法2,推荐写法
        $(function(){
            $("#test").click(function(){
                alert("点击了按钮");
            });
        });
        //写法3
        // $(document).ready(function(){
        //     $("#test").click(function(){
        //         alert("点击了按钮");
        //     });
        // });
    </script>

</body>
</html>